<div class="content-wrap admin-box">
  <section nz-row [nzGutter]="[32, 16]">
    <div nz-col [nzXl]="24" [nzXXl]="24" [nzLg]="24" [nzMd]="24" [nzSm]="24" [nzXs]="24">
      <nz-card [nzBordered]="true" [nzBordered]="true" nzTitle="{{ 'admin.ticket-setting' | translate }}" [nzBodyStyle]="{ padding: 0 }">
        <section nz-row [nzGutter]="[40, 40]" style="padding: 50px;">
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="ticket_type" src="assets/imgs/admin/ticket_type.svg" />
              {{ 'admin.ticket-type' | translate }}
            </div>
          </div>
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="ticket_priority" src="assets/imgs/admin/ticket_priority.svg" />
              {{ 'admin.ticket-prority' | translate }}
            </div>
          </div>
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="ticket_type" src="assets/imgs/admin/ticket_state.svg" />
              {{ 'admin.ticket-state' | translate }}
            </div>
          </div>
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="ticket_from" src="assets/imgs/admin/ticket_from.svg" />
              {{ 'admin.ticket-from' | translate }}
            </div>
          </div>
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="ticket_urgency" src="assets/imgs/admin/ticket_urgency.svg" />
              {{ 'admin.ticket-urgency' | translate }}
            </div>
          </div>
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="ticket_type" src="assets/imgs/admin/ticket_type.svg" />
              {{ 'admin.ticket-type' | translate }}
            </div>
          </div>
        </section>
      </nz-card>
    </div>
    <div nz-col [nzXl]="24" [nzXXl]="24" [nzLg]="24" [nzMd]="24" [nzSm]="24" [nzXs]="24">
      <nz-card [nzBordered]="true" [nzBordered]="true" nzTitle="{{ 'admin.users-setting' | translate }}" [nzBodyStyle]="{ padding: 0 }">
        <section nz-row [nzGutter]="[16, 16]" style="padding: 50px;">
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="role" src="assets/imgs/admin/permission_role.svg" />
              {{ 'admin.role' | translate }}
            </div>
          </div>
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="agent" src="assets/imgs/admin/permission_agent.svg" />
              {{ 'admin.agent' | translate }}
            </div>
          </div>
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="ticket_priority" src="assets/imgs/admin/permission_role_agent.svg" />
              {{ 'admin.role-agent' | translate }}
            </div>
          </div>
        </section>
      </nz-card>
    </div>

    <div nz-col [nzXl]="24" [nzXXl]="24" [nzLg]="24" [nzMd]="24" [nzSm]="24" [nzXs]="24">
      <nz-card [nzBordered]="true" [nzBordered]="true" nzTitle="{{ 'admin.service-setting' | translate }}" [nzBodyStyle]="{ padding: 0 }">
        <section nz-row [nzGutter]="[16, 16]" style="padding: 50px;">
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="service" src="assets/imgs/admin/service.svg" />
              {{ 'admin.service' | translate }}
            </div>
          </div>
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="ticket_priority" src="assets/imgs/admin/service_sla.svg" />
              {{ 'admin.sla' | translate }}
            </div>
          </div>
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="working_time" src="assets/imgs/admin/service_working_time.svg" />
              {{ 'admin.ticket-prority' | translate }}
            </div>
          </div>
        </section>
      </nz-card>
    </div>

    <div nz-col [nzXl]="24" [nzXXl]="24" [nzLg]="24" [nzMd]="24" [nzSm]="24" [nzXs]="24">
      <nz-card [nzBordered]="true" [nzBordered]="true" nzTitle="{{ 'admin.process' | translate }}" [nzBodyStyle]="{ padding: 0 }">
        <section nz-row [nzGutter]="[16, 16]" style="padding: 50px;">
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="process" src="assets/imgs/admin/process.svg" />
              {{ 'admin.service' | translate }}
            </div>
          </div>
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="process_type" src="assets/imgs/admin/process_type.svg" />
              {{ 'admin.sla' | translate }}
            </div>
          </div>
          <div nz-col class="content-link" [nzXl]="4" [nzXXl]="4" [nzLg]="12" [nzMd]="12" [nzSm]="12" [nzXs]="24">
            <div class="m-r-25">
              <img alt="process_job" src="assets/imgs/admin/process_job.svg" />
              {{ 'admin.ticket-prority' | translate }}
            </div>
          </div>
        </section>
      </nz-card>
    </div>
  </section>
</div>

<ng-template #extraTemplate>
  <a class="operate-text">全部项目</a>
</ng-template>

<ng-template #cardTitleTpl>
  <nz-avatar [nzSize]="60" [nzSrc]="'https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png'"></nz-avatar>
  <span class="m-l-10">Angular</span>
</ng-template>